<template>
  <div>
    <!-- 三级分类导航 -->
      <TypeNav/>
      <!-- 轮播图 -->
      <ListContainer/>
      <!-- 今日推荐 -->
      <Recommend/>
      <!-- 今日热榜 -->
      <Rank/>
      <!-- 猜你喜欢 -->
      <Like/>
      <!-- 楼层 -->
      <Floor v-for="floor in floorsList" :floor="floor" :cname="'floor-swiper'+floor.id"/>
      <!-- 商标 -->
      <Brand/>
  </div>
</template>

<script>
  import ListContainer from './ListContainer'
  import Recommend from './Recommend'
  import Rank from './Rank'
  import Like from './Like'
  import Floor from './Floor'
  import Brand from './Brand'
  import {mapState} from 'vuex'
  export default {
    name:'Home',
    components:{ListContainer,Recommend,Rank,Like,Floor,Brand},
    mounted() {
    this.$store.dispatch('home/getFloorsList')
    },
    computed:{
      ...mapState('home',['floorsList'])
    }
    
  }
</script>

<style lang="less" scoped>
  
</style>